<template>
  <div>

    <!--  分所管理   -->
<!--    <el-page-header @back="goBack" title="系统配置" content="分所管理" ></el-page-header>-->


    <!--  分割线  -->
    <el-divider class="head"></el-divider>


      <el-row>
        <el-col :span="1.5">
          <div>
            <el-divider class="heads"  direction="vertical"></el-divider>
            <b>分所管理:</b>  </div>
        </el-col>
      </el-row>

    <el-divider class="head"></el-divider>
    <div style="height: 18px"></div>

    <el-form>
      <el-form-item  :required='true' label="选择分所:">
      <el-select v-model="value"   style="width: 300px"   placeholder="请选择">
        <el-option v-for="item in options"  :key="item.value" :label="item.label" :value="item.value"> </el-option>
      </el-select>
      </el-form-item>
    </el-form>
    <el-button size="medium" type="primary" round @click="qrtz">确定跳转</el-button>








  </div>
</template>

<script>
export default {
  name: "FenSuo",
  data() {
    return {
      options: [
        {
          value: 'http://cs.elvshi.cn/',
          label: 'e律师'
        },
        {
          value: 'https://shengheng.elvshi.cn/',
          label: '辽宁盛恒律师事务所'
        }
      ],
      value: ''
    };
  },
  methods: {
    qrtz() {
      location.href = this.value;
    },
    goBack(){
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>

.head{
  margin-top: 10px ;
  margin-bottom: 15px ;

}

.heads{
  width: 3px;
  background-color: #409EFF;
}

</style>